w3schools: CSS .class Selector
class 선택자
같은 태그에서 스타일을 다르게 지정하려고 할 때 사용하는 것을
클래스 선택자(Class Selector)라고 합니다.
변경하고 싶은 태그 내에 class코드를 작성하고 이름을 설정하는데
태그명과 겹치지 않게 설정해주셔야 합니다.
그 후 style태그 내에서 위의 이미지와 같이 해당
클래스 이름 앞에 반드시 마침표(.)를 붙이셔야 합니다.
또한 클래스 이름 앞에 태그를 명시해주어 특정 태그에만 클래스 선택자를 적용하실 수도 있습니다.
id선택자도 클래스 선택자와 마찬가지로 웹 문서 안의 특정 부분에 스타일을 지정할 때 사용합니다.